<template>
  <div>
    <el-row class="rowBorder">
      <el-col :span="24">
        <span>订单信息：{{ data.orderNumber }}</span>
      </el-col>
      <el-col :span="8"
        ><span>归属公司：{{ data.firmName }}</span></el-col
      >
      <el-col :span="8"
        ><span>归属部门：{{ data.deptName }}</span></el-col
      >
      <el-col :span="8">
        <span>归属人员：{{ data.belongName }}</span>
      </el-col>
      <el-col :span="8"
        ><span>推广员：{{ data.generalizeName }}</span></el-col
      >
      <el-col :span="8"
        ><span>签约公司：{{ data.signCompanyName }}</span></el-col
      >
      <el-col :span="8"
        ><span>录入时间：{{ data.inputTime }}</span></el-col
      >
    </el-row>
  </div>
</template>

<script>
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import { getOrderOne } from "../../assets/js/api";
export default {
  name: "OrderInformation",
  props: ["orderNumber", "golbalPermissions"],
  data() {
    return {
      data: {}
    };
  },
  created() {
    this.getList();
  },
  methods: {
    getList() {
      getOrderOne(this.orderNumber).then(res => {
        this.data = JSON.parse(JSON.stringify(res.data));
      });
    }
  }
};
</script>

<style scoped type="less">
.el-col {
  text-align: left;
}
.el-row {
  padding: 20px 40px;
  line-height: 1.5;
}
.rowBorder {
  border-bottom: 1px rgb(121, 121, 121) solid;
}
.rBtn {
  float: right;
  line-height: 1.5;
}
.diaForm .el-form-item {
  display: flex;
}
.diaForm ::v-deep.el-form-item__label {
  width: 120px;
}
.diaForm ::v-deep.vue-treeselect__control {
  width: unset;
}
</style>
